<!DOCTYPE html>
<html lang="zh">
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta http-equiv="X-UA-Compatible" content="ie=edge">
		<link rel="stylesheet" type="text/css" href="/lib/bootstrap-3.3.7-dist/css/bootstrap.css" />
		<link rel="stylesheet" type="text/css" href="/lib/swiper/swiper.css" />
		<link rel="stylesheet" type="text/css" href="/css/base.css" />		
		<link rel="stylesheet" type="text/css" href="/css/list.css" />
		<link rel="stylesheet" type='text/css' href="/fonts/iconfont.css" />
		<title>派提鸭-角色主题 -Bone 网络商店官方网站</title>
	</head>
	<body>
		<div class="fa">
			<!-- 导航 -->
			<nav class="navbar navbar-default">
				
			</nav>
			<!-- 主体-->
			<div class="selector" id="selector">
				<div class="main">
					<!-- 第一部分 -->
					<div class="list-part-1">
						<img src="https://www.boneshop.cn/media/catalog/category/PC-1440_500-BoneCharacter-02.jpg" title="派提鸭" />
						<div class="hero-wrap">
							<h1>派提鸭</h1>
						</div>
					</div>
					<!-- 第二部分 -->
					<div class="list-part-2">
						<!-- 筛选 -->
						<div class="category-toolbar">
							<div class="container">
								<div class="pull-left">
									<button type="button" class="btn btn-transparent" id="filter"><span class="iconfont icon-loudou"></span>过滤器</button>
									<div class="category-filter">
										<div class="pp">
											<dl class="narrow-by-list">
												<dt aria-expanded='false'>角色</dt>
												<dd class="collapse">
													<ul>
														<li><a href="#"><span class="badge">2</span>企鹅小丸</a></li>
														<li></li>
														<li><a href="#"><span class="badge">3</span>大白</a></li>
														<li></li>
														<li><a href="#"><span class="badge">3</span>大眼仔</a></li>
														<li></li>
													</ul>
												</dd>
												<dt aria-expanded='false'>颜色</dt>
												<dd class="collapse">
													<ul>
														<li><a href="#"><span class="badge">1</span>红</a></li>
														<li></li>
														<li><a href="#"><span class="badge">1</span>绿</a></li>
														<li></li>
														<li><a href="#"><span class="badge">7</span>蓝</a></li>
														<li></li>
													</ul>
												</dd>
												<dt aria-expanded='false'>价格</dt>
												<dd class="collapse">
													<ul>
														<li><a href="#"><span class="badge">10</span>￥0.00-￥79.99</a></li>
														<li></li>
														<li><a href="#"><span class="badge">7</span>￥80.00-￥109.99</a></li>
														<li></li>
														<li><a href="#"><span class="badge">9</span>￥110.00-￥149.99</a></li>
														<li></li>
													</ul>
												</dd>
											</dl>
										</div>
									</div>
									<span></span>
									<button type="button" class="btn btn-transparent" id="fenlei"><span class="iconfont icon-fenlei"></span>分类<span class="iconfont icon-xiajiantou" id="xia"></span></button>
									<ul class="dropdown-list dropdown-list1">
										
									</ul>
									<script type="text/html" id="listTabsTemplate">
										{{each categories item}}
										<li><a href="#">{{item.title}}</a></li>
										{{/each}}
									</script>
								</div>
								<div class="pull-right">
									<button type="button" class="btn btn-transparent" id="fenlei-list"><span class="iconfont icon-shangxiajiantou"></span>分类依据<span class="iconfont icon-xiajiantou" id="xia"></span></button>
									<ul class="dropdown-list dropdown-list2">
										<li><a href="#">最新</a></li>
										<li><a href="#">最佳值</a></li>
										<li><a href="#">姓名</a></li>
										<li><a href="#">价格：低到高</a></li>
										<li><a href="#">价格：高到低</a></li>
									</ul>
								</div>
							</div>
						</div>
						<!-- 列表 -->
						<div class="category-body" id="category-body">
							<div class="container">
								<div class="category-list">
									<div class="list-C">

									</div>
									<script type="text/html" id="prodListTemplate">
										{{each list item}}
										<div class='product-list'>
											<div class="product-warp">
												<a href="/html/details.html?prodId={{item.id}}"><img src="{{item.image}}"/></a>
												<div class="prodct-detail">
													<h4>{{item.title}}</h4>
													<div class="price-box">
														<span class="price-n">￥{{item.price}}</span>
														<span class="price-u">{{item.saleNum}}已买</span>
													</div>
													<div class="product-shop">
														<div class="btn-list">
															<button type="button" class="btn btn-primary btn-addtocart-icon addCart">
																<span class="iconfont icon-ziyuan"></span>
															</button>
														</div>
													</div>
												</div>
												<span class="iconfont icon-shixintaoxin btn-xin"></span>
												<!-- 红框 -->
												<div class="btn-sale">{{item.couponValue}}</div>
											</div>
										</div>
										{{/each}}
									</script>
								</div> 
							</div>
						</div>
					</div>					
				</div>
			</div>
			<!-- 底部 -->
			<footer id="footer">
				
			</footer>
			<!-- 微信 -->
			<div class="aside">
				<a href="#" title="传送讯息给我们"><span class="iconfont icon-weixin"></span></a>
			</div>
		</div>
		
		<script src="/lib/requirejs/require.js" data-main='/js/list.js'></script>
		<script src="/lib/jquery/jquery.min.js"></script>
		<script src="/js/untils.js"></script>
		<script src="/lib/bootstrap-3.3.7-dist/js/bootstrap.js"></script>
		<!-- <script src="../lib/swiper/swiper.js"></script> -->
		<!-- <script src="../js/header-base.js"></script> -->
		<!-- <script src="../js/base-list.js"></script> -->
		<!-- <script src="../js/list.js"></script> -->
		<script type="text/javascript">
			// swiper1();
			// swiper2();
		</script>
	</body>
</html>
